<%@page pageEncoding="utf-8"%>
<!doctype html>
<html lang="zh-cn" ng-app="app">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

		<script type="text/javascript" src="${pageContext.request.contextPath}/js/template.js">
</script>
		<title>商品详情</title>
		<style type="text/css">
body,div,p {
	margin: 0px;
	padding: 0px;
}

._wrappage {
	font-family: '微软雅黑';
	margin: 45px auto 0;
}

.informations {
	padding: 5px 3%;
	background: #ffffff;
	margin: 5px 0;
	font-size: 12px;
}

.informations span {
	color: #818181;
}

@media ( min-width : 320px) {
	.informations img {
		width: 147px;
		height: 147px;
	}
}

@media ( min-width : 360px) {
	.informations img {
		height: 158px;
		width: 158px;
	}
}

.informations p {
	color: #818181;
}

.author {
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}

.headImg {
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
}

.comments {
	clear: both;
	padding: 10px 3%;
	line-height: 30px;
	background: #ffffff;
	margin: 15px 0px 10px 0;
	font-size: 12px;
	padding: 10px 3%;
	border-top: 1px dashed #ccc;
}

.comments .comments-content {
	margin: 0px 0px 0px 22px;
}

.comments .comments-reply {
	margin: 0px 0px 0px 32px;
}

.comments .comments-author {
	float: left;
}

.comments-content p {
	display: inline;
	color: #000;
}

.comments-op {
	float: right;
	margin-right: 20px;
}

.comments-op .time {
	color: #000;
}

.comments-content,.comments-reply a {
	text-decoration: none;
	color: #5d7895;
}
</style>
	</head>
	<body>
		<div style="" class="_wrappage" id="detailHtml">
		</div>


<script id="detailTpl" type="text/html">
	<div class="informations">
		{{each imgs as pubimg i}}
		<img class="p-pic" onerror="javascript:this.src='/dewei/bettery/img/logo2.jpg'"  src="{{pubimg.imgUrl}}">
		{{/each}}
	</div>
	
	<div class="informations">
	    <span>{{name}}</span>
	</div>
	<div class="informations">
	    <span>￥{{price}}</span>
	</div>
	<div class="informations">
	    <span>{{buyAddr}}</span>
	</div>
	<div class="informations">
	    <span>{{createTime}}</span>
	</div>
</script>

<script type="text/javascript">
var json = ${modelJson};
if(null!=json)
{
	var html = template('detailTpl', json);
	document.getElementById('detailHtml').innerHTML = html;
}
</script>
	</body>
</html>
